<template>
	<view class="main flex_col">
		<view class="topBar">
			<topCommonTitleBar :statePerch="false" arrow="black" titleColor="#333333" :isBackClick="false" @backClick="goBack">
			</topCommonTitleBar>
		</view>
		<view style="height: 160rpx;"></view>
		<view class="title">密码登录</view>
		<u-form labelPosition=" left" :model="form" class="form" :rules="rules" ref="uForm">
			<u-form-item class="item" prop="account" borderBottom>
				<u-input placeholder="请输入手机号" v-model="form.account" border="none"></u-input>
			</u-form-item>
			<u-form-item class="item" prop="password" borderBottom>
				<u-input placeholder="请输入密码" type="password" v-model="form.password" border="none" />
			</u-form-item>
		</u-form>
		<view class="flex_col group_14" style="padding-bottom: 0;">
			<view class="flex_col ">
				<view class="flex_col items_center button" @click.stop="signInNow">
					立即登录
				</view>
				<view class="justify_between btns">
					<navigator hover-class="none" :url="'../login/login?type=1&tel=' + (form.account ? form.account : '')">
						验证码登录
					</navigator>
					<navigator url="./forgotPsw">
						忘记密码
					</navigator>
				</view>
			</view>
		</view>

		<view class="flex_col footer">
			<view class="agreements" style="padding: 0;margin: 0;">
				<checkbox-group style="position: relative;top: -20rpx;" class="radios" @change="onCheck">
					<checkbox></checkbox>
				</checkbox-group>
				<view class="agreements_content">
					我已阅读并同意
					<text class="navigator" @click="jump('./agreements?type=user_agreement')">《小竹-法规库用户服务协议》</text>
					以及
					<text class="navigator" @click="jump('./agreements?type=privacy_agreement')">《小竹-法规库隐私政策》</text>
				</view>
			</view>
		</view>


		<!-- 弹出选择协议弹窗 -->
		<u-modal :show="isShow" :title="'温馨提示'" :showCancelButton="true" @cancel="isShow = false" @confirm="isConfirm">
			<view class="agreements_content">
				我已阅读并同意
				<text class="navigator" @click="jump('./agreements?type=user_agreement')">《小竹-法规库用户服务协议》</text>
				以及
				<text class="navigator" @click="jump('./agreements?type=privacy_agreement')">《小竹-法规库隐私政策》</text>
			</view>
		</u-modal>
	</view>
</template>

<script type="text/javascript" src="plus-confusion://../pages/login/passwordLogin"></script>

<style lang="scss">
.group_14 {
	margin-top: 20rpx;
	padding: 27rpx 0 39rpx;
}

.main {
	background-color: #ffffff;
	width: 100%;
	min-height: 100vh;
	height: 100%;
	padding: 0 60rpx;

	.topBar {
		position: fixed;
		width: 750rpx;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 44rpx;
		line-height: 44rpx;
		color: #06121E;
		margin: 50rpx 0 100rpx 0;
	}



	.item {
		height: 120rpx;
	}

	/deep/.u-form-item {
		position: relative;
	}

	.button {
		margin: 0 auto;
		color: rgb(255, 255, 255);
		font-size: 28rpx;
		width: 620rpx;
		height: 90rpx;
		line-height: 90rpx;
		background: #317cfe;
		border-radius: 128px;
	}


	.btns {
		padding: 50rpx 0 48rpx 0;
		color: rgb(153, 153, 153);
		font-size: 28rpx;
		line-height: 34rpx;
		white-space: nowrap;
	}

	.footer {
		position: absolute;
		bottom: 40rpx;
		right: 70rpx;

		.agreements {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			font-size: 26rpx;
			color: gray;

			/deep/.uni-checkbox-input {
				width: 34rpx;
				height: 34rpx;
			}

			.agreements_content {
				width: 600rpx;
				font-weight: 400;
				color: #59595D;
				line-height: 1.5;
				padding-left: 6rpx;
				box-sizing: border-box;

				.navigator {
					color: #1C87F3;
				}
			}
		}
	}
}


/deep/.uni-input-placeholder {
	color: #d6cccc !important;
	font-size: 32rpx;
}

::v-deep .uni-input-input {
	font-size: 50rpx;
}

::v-deep .u-form-item__body__right__message {
	margin-left: 0 !important;
}

.agreements_content {
	width: 600rpx;
	font-weight: 400;
	color: #59595D;
	line-height: 1.5;
	padding-left: 6rpx;
	box-sizing: border-box;

	.navigator {
		color: #1C87F3;
	}
}
</style>
